<!DOCTYPE html>
<html>
<head>
	<title>商品分类</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="css/style.css" rel="stylesheet">
    <script src="js/jquery-2.1.4.min.js"></script>
    <style>
		body{
			background-color:#F3F3F3;
		}
		.header{
			background-color:#FFF;
			box-shadow:2px 3px 5px #E1E1E1;
		}
		.name{
			margin-left:0px;
			float:left;
			width:60%;
			text-align:center;
			color:#000;
		}
		.header-left{
			width:20%;
			height:100%;
			float:left;
			text-align:center;
		}
		.shaidan-back{
			width:8px;
			height:16px;
			margin:0px;
			float:none;
			margin-top:22px;
		}
		.edit{
			width:20px;
			height:20px;
			margin-top:20px;
		}
		.header-right{
			width:20%;
			height:100%;
			float:left;
		}
		.jx-date{
			margin-top:10px;
		}
	</style>
</head>
<body>
	<header class="header">
    	<div class="header-left">
        	<a href="javascript:;" onClick="history.go(-1)">
            <img src="images/fanhui.png" class="shaidan-back">
            </a>
        </div>
        <span class="name">商品分类</span>
        <div class="header-right">
        	<a href="index.html">
        	<img src="images/zhuye.png" class="edit e-click">
            </a>
        </div>
    </header>
	
    <div class="fl-list">
    	<ul>
        	<!--电子科技-->
        	<li>
            	<img src="images/dzkj.png" class="fl-img">
                <div class="fl-zz">
                	<span class="fl-font">电子科技</span><br />
                    <img src="images/sj.png" class="fl-sj">
                </div>
                <ul class="goods-fl">
                	<a href="javascript:void(0)"><li>手机</li></a>
                    <a href="javascript:void(0)"><li>电脑</li></a>
                    <a href="javascript:void(0)"><li>单反</li></a>
                    <a href="javascript:void(0)"><li>电脑电脑</li></a>
                    <a href="javascript:void(0)"><li>自拍杆</li></a>
                    <a href="javascript:void(0)"><li>手机手机</li></a>
                    <div style="clear:both;width:100%;height:20px;"></div>
                </ul>
            </li>
            
            <!--餐饮服务-->
            <li>
            	<img src="images/cyfu.png" class="fl-img">
                <div class="fl-zz">
                	<span class="fl-font">餐饮服务</span><br />
                    <img src="images/sj.png" class="fl-sj">
                </div>
                <ul class="goods-fl">
                	<a href="javascript:void(0)"><li>快餐</li></a>
                    <a href="javascript:void(0)"><li>外卖</li></a>
                    <a href="javascript:void(0)"><li>休闲小吃</li></a>
                    <a href="javascript:void(0)"><li>炸鸡啤酒</li></a>
                    <a href="javascript:void(0)"><li>甜品</li></a>
                    <a href="javascript:void(0)"><li>下午茶</li></a>
                    <a href="javascript:void(0)"><li>牛排披萨</li></a>
                    <a href="javascript:void(0)"><li>咖啡</li></a>
                    <a href="javascript:void(0)"><li>自助餐</li></a>
                    <div style="clear:both;width:100%;height:20px;"></div>
                </ul>
            </li>
            
            <!--教育培训-->
            <li>
            	<img src="images/jypx.png" class="fl-img">
                <div class="fl-zz">
                	<span class="fl-font">教育培训</span><br />
                    <img src="images/sj.png" class="fl-sj">
                </div>
                <ul class="goods-fl">
                	<a href="javascript:void(0)"><li>快餐</li></a>
                    <a href="javascript:void(0)"><li>外卖</li></a>
                    <a href="javascript:void(0)"><li>休闲小吃</li></a>
                    <a href="javascript:void(0)"><li>炸鸡啤酒</li></a>
                    <a href="javascript:void(0)"><li>甜品</li></a>
                    <a href="javascript:void(0)"><li>下午茶</li></a>
                    <a href="javascript:void(0)"><li>牛排披萨</li></a>
                    <a href="javascript:void(0)"><li>咖啡</li></a>
                    <a href="javascript:void(0)"><li>自助餐</li></a>
                    <div style="clear:both;width:100%;height:20px;"></div>
                </ul>
            </li>
        </ul>
    </div>
<!--<script>
	alert($(".fl-list ul li").height())
</script>-->
</body>
</html>
